<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="../angular-1.5.8/angular.js"></script>
    <!--引入ng 文件-->
</head>

<body ng-app="mainApp">
    <div  ng-controller="one">
        用户名<input type="text" ng-model="name">
        密码<input type="password" ng-model="password">
        <input type="button" value="登录" ng-click="func()">
        <div>{{message}}</div>
    </div> 
</body>
<script>
    angular.module("mainApp",[])
    // 建立一个新的模块，并且获取
            .controller("one",function ($scope){
                // 新的控制器
                $scope.func=function (){
                    //ng-click方法ng-click="func()，调用func函数实现点击事件
                    var name=$scope.name,
                        password=$scope.password;
                        //判断用户名和密码是否书写完整利用三目运算符
                       $scope.message = 
                             ( name && name.trim().length > 0 ) && ( password && password.trim().length > 0 )
                             ? '登录成功'
                              : '请输入完整信息';
                }
            })

</script>
</html>